<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>总包数据大屏</title>
    <link href="../css/bootstrap-4.2.1-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/normalize.css-master/normalize.css" rel="stylesheet">
    <link href="../plugins/leaflet-echarts3-master/leaflet/leaflet.css" rel="stylesheet" >
    <link href="../css/main.css" rel="stylesheet">
</head>
<body style="height: 100%;">
    <div class="zcb-layer container-fluid">
        <div class="dv-leftwrap">
            <div class="dv-row" style="display: block; width:100%; height: 10%;">
                <div class="dv-maintitle">
                    公司整体运营态势
                </div>
                <div>
                    <span id="datav-time"></span>
                </div>
            </div>
            <div class="dv-row" style="width: 100%; height: 90%;">
                <div class="risk-manage">
                    <div class="zcb-panel">
                        <div class="zcb-header">
                            <h7>重大风险预警</h7>
                        </div>
                        <div id="risk-manage-body" class="zcb-body">
                            <div class="loop-item">
                                <div class="loop-body">
                                    <span>NO.1</span>
                                    <div class="box">
                                        <div class="animate">
                                            XX分公司合同额完成情况未达预期
                                            <i style="display:inline-block;width:3em;"></i>
                                            XX分公司合同额完成情况未达预期
                                        </div>
                                    </div>
                                </div>
                                <div class="loop-foot"></div>
                            </div>
                            <div class="loop-item">
                                <div class="loop-body">
                                    <span>NO.2</span>
                                    <div class="box">
                                        <div class="animate">
                                            未来科技胃口了文件离
                                            <i style="display:inline-block;width:3em;"></i>
                                            未来科技胃口了文件离
                                        </div>
                                    </div>
                                </div>
                                <div class="loop-foot"></div>
                            </div>
                            <div class="loop-item">
                                <div class="loop-body">
                                    <span>NO.3</span>
                                    <div class="box">
                                        <div class="animate">
                                            为老款君威旅客晚了可就文理科位客教务科今晚看了就
                                            <i style="display:inline-block;width:3em;"></i>
                                            为老款君威旅客晚了可就文理科位客教务科今晚看了就
                                        </div>
                                    </div>
                                </div>
                                <div class="loop-foot"></div>
                            </div>
                            <div class="loop-item">
                                <div class="loop-body">
                                    <span>NO.4</span>
                                    <div class="box">
                                        <div class="animate">
                                            酷酷酷送的代价收款单家里呆
                                            <i style="display:inline-block;width:3em;"></i>
                                            酷酷酷送的代价收款单家里呆
                                        </div>
                                    </div>
                                </div>
                                <div class="loop-foot"></div>
                            </div>
                            <div class="loop-item">
                                <div class="loop-body">
                                    <span>NO.5</span>
                                    <div class="box">
                                        <div class="animate">
                                            是拉萨看得见收到了看见速度来看深度思考
                                            <i style="display:inline-block;width:3em;"></i>
                                            是拉萨看得见收到了看见速度来看深度思考
                                        </div>
                                    </div>
                                </div>
                                <div class="loop-foot"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="parentMapContainer" class="map-content">
                    <div class="zcb-panel">
                        <div id="mapContainer" style="width: 100%; height: 100%"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="dv-rightwrap">
            <div class="dv-row" style="height: 25%;">
                <div class="task-complete">
                    <div class="zcb-header">
                        <h7>年度任务完成情况</h7>
                    </div>
                    <div class="zcb-body">
                    </div>
                </div>
            </div>
            <div class="dv-row" style="height: 75%;">
                <div class="task-complete" style="height: 30%;">
                    <div class="zcb-header">
                        <h7>2018年度各业务板块营收占比（亿元）</h7>
                    </div>
                    <div class="zcb-body">
                        <div id="test-pie-area" style="width: 100%; height:100%; border-radius: 6px;">
                        </div>
                    </div>
                </div>
                <div class="task-complete" style="height: 30%;">
                    <div class="zcb-header">
                        <h7>2018年度区域公司合同额完成情况（亿元）</h7>
                    </div>
                    <div class="zcb-body">
                        <div id="test-bar" style="width: 100%; height:100%; border-radius: 6px;">
                        </div>
                    </div>
                </div>
                <div class="task-complete" style="height: 30%;">
                    <div class="zcb-header">
                        <h7>2018年度公司人均产值趋势（万元）</h7>
                    </div>
                    <div class="zcb-body">
                        <div id="test-line" style="width: 100%; height:100%; border-radius: 6px;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<script src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js" type="text/javascript"></script>-->
    <script src="../plugins/leaflet-echarts3-master/dist/main.min.js" type="text/javascript" ></script>
    <script src="../plugins/echarts3-theme/dark.js" type="text/javascript"></script>
    <script src="../script/datasource.js" type="text/javascript" ></script>
    <script src="../script/chartoptions.js" type="text/javascript" ></script>
    <script src="../script/datav1.js" type="text/javascript" ></script>
</body>
</html>